<template>
    <div class="pageMain">

        <img src="../../assets/login/yuan.png" class="yuanImg" alt="">

        <img src="../../assets/login/logo.png" class="logoImg" alt="">

        <img src="../../assets/login/tip.png" class="tipImg" alt="">

        <div class="tipBtn" @click="toPage">立即体验</div>

        <img src="../../assets/login/boLang.png" class="boLangImg" alt="">
    </div>
</template>

<script>


export default {
    name: 'HomeR',
    data() {
        return {

        }
    },
    mounted() {

    },
    methods: {

        toPage() {
            this.$router.replace('/wxLogin')
        },

    },
    created() {

    },
}


</script>

<style lang='less' scoped>
.pageMain {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: linear-gradient(111deg, #14A870, #20BB66);
}

.yuanImg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 446px;
    height: 376px;
}


.logoImg {
    width: 298px;
    height: 350px;
}

.tipImg {
    margin-top: 28vh;
    width: 300px;
    height: 184px;
}

.tipBtn {
    margin-top: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 90px;
    border-radius: 44px;
    border: 1px solid #FFFFFF;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 48px;
}

.boLangImg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 750px;
    height: 146px;
}
</style>